<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>考拉移动端</title>
    <link rel="icon" href="./img/favor-icon.ico">
    <link rel="stylesheet/less" href="./less/reset.less">
    <link rel="stylesheet/less" href="./less/common.less">
    <link rel="stylesheet/less" href="./less/download.less">
    <link rel="stylesheet/less" href="./less/tabbar.css">
    <link rel="stylesheet/less" href="./less/search.less">
    <link rel="stylesheet/less" href="./less/content1.less">
    <link rel="stylesheet/less" href="./less/content2.less">
    <link rel="stylesheet/less" href="./less/content3.less">
    <link rel="stylesheet/less" href="./less/all.less">
    <script src="./js/lessc.js"></script>
</head>

<body>

    <div class="all">
        <div class="bottom-bar">
            <a href="#" class="item">
                <img src="./img/bar-home.png" alt="">
            </a>
            <a href="#" class="item">
                <img src="./img/classify.png" alt="">
            </a>
            <a href="#" class="item">
                <img src="./img/car.png" alt="">
            </a>
            <a href="#" class="item">
                <img src="./img/profile.png" alt="">
            </a>
        </div>

        <div class="head">
             <div class="download">
            <div class="left">
                <img src="./img/logo.png" alt="" class="logo">
                <div class="text">
                    <a href="#" class="title"> [考拉海购] 官方自营 正品保障 </a>
                    <a href="#" class="desc">下载app新人可享125元购物礼包</a>
                </div>
            </div>
            <div class="right">
                打开APP
            </div>
        </div>

        <div class="search">
            <input type="text" placeholder="在千万商品中搜索" class="input">
            <button class="btn">登录/注册</button>
        </div>
        </div>

        <div class="content1">
            <div class="header">
                <div class="left">
                    <img src="./img/desc1.png" class="desc1" alt="">
                    <div class="time">
                        <span class="clock">14</span>
                        <span class="doc">:</span>
                        <span class="clock">59</span>
                        <span class="doc">:</span>
                        <span class="clock">33</span>
                    </div>
                </div>
                <div class="desc2">
                    <a href="#">大牌底价补贴&gt;</a>
                </div>
            </div>
            <div class="items">
                <div class="item">
                    <div class="top">
                        <img src="./img/abum1.jpg" alt="图片">
                    </div>
                    <div class="bottom">
                        <div class="new-price">
                            <div class="desc">硬核价</div>
                            <div class="price">
                                <div class="unit">￥</div>
                                <div class="num">9.9</div>
                            </div>
                        </div>
                        <div class="old-price">￥99</div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <img src="./img/abum1.jpg" alt="图片">
                    </div>
                    <div class="bottom">
                        <div class="new-price">
                            <div class="desc">硬核价</div>
                            <div class="price">
                                <div class="unit">￥</div>
                                <div class="num">9.9</div>
                            </div>
                        </div>
                        <div class="old-price">￥99</div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <img src="./img/abum1.jpg" alt="图片">
                    </div>
                    <div class="bottom">
                        <div class="new-price">
                            <div class="desc">硬核价</div>
                            <div class="price">
                                <div class="unit">￥</div>
                                <div class="num">9.9</div>
                            </div>
                        </div>
                        <div class="old-price">￥99</div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <img src="./img/abum1.jpg" alt="图片">
                    </div>
                    <div class="bottom">
                        <div class="new-price">
                            <div class="desc">硬核价</div>
                            <div class="price">
                                <div class="unit">￥</div>
                                <div class="num">9.9</div>
                            </div>
                        </div>
                        <div class="old-price">￥99</div>
                    </div>
                </div>

            </div>
        </div>

        <div class="content2">
            <div class="item">
                <div class="top">
                    精选
                </div>
                <div class="bottom">
                    猜你喜欢
                </div>
            </div>
            <div class="item">
                <div class="top">
                    美妆
                </div>
                <div class="bottom">
                    魅力装扮
                </div>
            </div>
            <div class="item">
                <div class="top">
                    母婴
                </div>
                <div class="bottom">
                    家有萌宝
                </div>
            </div>
            <div class="item">
                <div class="top">
                    数码
                </div>
                <div class="bottom">
                    酷玩科技
                </div>
            </div>
            <div class="item">
                <div class="top">
                    保健
                </div>
                <div class="bottom">
                    健康养生
                </div>
            </div>
        </div>

        <div class="content3">
             <div class="items">
                <div class="item">
                    <div class="top">
                        <img src="./img/content3.jpg" alt="">
                    </div>
                    <div class="bottom">
                        <div class="logo">
                            <img src="./img/content3-logo.png" alt="">
                            圣罗兰
                        </div>
                        <div class="title">
                            【双旦好礼】【新品粉】YSL 圣罗兰皮革气垫粉底液#B20#B10#B30替换装mini版体验明彩无暇羽毛墨水遮瑕持久服帖控油哑光
                        </div>
                        
                        <div class="promotion">
                            <div class="desc1">下单立减81元</div>
                            <div class="desc2">2件9.5折</div>
                        </div>
                         
                        <div class="price3">
                            
                            <span class="desc">优惠价</span>
                            <span class="price2">
                                <span class="unit">￥</span>
                                <span class="price">98</span>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <img src="./img/content3.jpg" alt="">
                    </div>
                    <div class="bottom">
                        <div class="logo">
                            <img src="./img/content3-logo.png" alt="">
                            圣罗兰
                        </div>
                        <div class="title">
                            【双旦好礼】【新品粉】YSL 圣罗兰皮革气垫粉底液#B20#B10#B30替换装mini版体验明彩无暇羽毛墨水遮瑕持久服帖控油哑光
                        </div>
                        
                        <div class="promotion">
                            <div class="desc1">下单立减81元</div>
                            <div class="desc2">2件9.5折</div>
                        </div>
                         
                        <div class="price3">
                            
                            <span class="desc">优惠价</span>
                            <span class="price2">
                                <span class="unit">￥</span>
                                <span class="price">98</span>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <img src="./img/content3.jpg" alt="">
                    </div>
                    <div class="bottom">
                        <div class="logo">
                            <img src="./img/content3-logo.png" alt="">
                            圣罗兰
                        </div>
                        <div class="title">
                            【双旦好礼】【新品粉】YSL 圣罗兰皮革气垫粉底液#B20#B10#B30替换装mini版体验明彩无暇羽毛墨水遮瑕持久服帖控油哑光
                        </div>
                        
                        <div class="promotion">
                            <div class="desc1">下单立减81元</div>
                            <div class="desc2">2件9.5折</div>
                        </div>
                         
                        <div class="price3">
                            
                            <span class="desc">优惠价</span>
                            <span class="price2">
                                <span class="unit">￥</span>
                                <span class="price">98</span>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <img src="./img/content3.jpg" alt="">
                    </div>
                    <div class="bottom">
                        <div class="logo">
                            <img src="./img/content3-logo.png" alt="">
                            圣罗兰
                        </div>
                        <div class="title">
                            【双旦好礼】【新品粉】YSL 圣罗兰皮革气垫粉底液#B20#B10#B30替换装mini版体验明彩无暇羽毛墨水遮瑕持久服帖控油哑光
                        </div>
                        
                        <div class="promotion">
                            <div class="desc1">下单立减81元</div>
                            <div class="desc2">2件9.5折</div>
                        </div>
                         
                        <div class="price3">
                            
                            <span class="desc">优惠价</span>
                            <span class="price2">
                                <span class="unit">￥</span>
                                <span class="price">98</span>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <img src="./img/content3.jpg" alt="">
                    </div>
                    <div class="bottom">
                        <div class="logo">
                            <img src="./img/content3-logo.png" alt="">
                            圣罗兰
                        </div>
                        <div class="title">
                            【双旦好礼】【新品粉】YSL 圣罗兰皮革气垫粉底液#B20#B10#B30替换装mini版体验明彩无暇羽毛墨水遮瑕持久服帖控油哑光
                        </div>
                        
                        <div class="promotion">
                            <div class="desc1">下单立减81元</div>
                            <div class="desc2">2件9.5折</div>
                        </div>
                         
                        <div class="price3">
                            
                            <span class="desc">优惠价</span>
                            <span class="price2">
                                <span class="unit">￥</span>
                                <span class="price">98</span>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <img src="./img/content3.jpg" alt="">
                    </div>
                    <div class="bottom">
                        <div class="logo">
                            <img src="./img/content3-logo.png" alt="">
                            圣罗兰
                        </div>
                        <div class="title">
                            【双旦好礼】【新品粉】YSL 圣罗兰皮革气垫粉底液#B20#B10#B30替换装mini版体验明彩无暇羽毛墨水遮瑕持久服帖控油哑光
                        </div>
                        
                        <div class="promotion">
                            <div class="desc1">下单立减81元</div>
                            <div class="desc2">2件9.5折</div>
                        </div>
                         
                        <div class="price3">
                            
                            <span class="desc">优惠价</span>
                            <span class="price2">
                                <span class="unit">￥</span>
                                <span class="price">98</span>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <img src="./img/content3.jpg" alt="">
                    </div>
                    <div class="bottom">
                        <div class="logo">
                            <img src="./img/content3-logo.png" alt="">
                            圣罗兰
                        </div>
                        <div class="title">
                            【双旦好礼】【新品粉】YSL 圣罗兰皮革气垫粉底液#B20#B10#B30替换装mini版体验明彩无暇羽毛墨水遮瑕持久服帖控油哑光
                        </div>
                        
                        <div class="promotion">
                            <div class="desc1">下单立减81元</div>
                            <div class="desc2">2件9.5折</div>
                        </div>
                         
                        <div class="price3">
                            
                            <span class="desc">优惠价</span>
                            <span class="price2">
                                <span class="unit">￥</span>
                                <span class="price">98</span>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <img src="./img/content3.jpg" alt="">
                    </div>
                    <div class="bottom">
                        <div class="logo">
                            <img src="./img/content3-logo.png" alt="">
                            圣罗兰
                        </div>
                        <div class="title">
                            【双旦好礼】【新品粉】YSL 圣罗兰皮革气垫粉底液#B20#B10#B30替换装mini版体验明彩无暇羽毛墨水遮瑕持久服帖控油哑光
                        </div>
                        
                        <div class="promotion">
                            <div class="desc1">下单立减81元</div>
                            <div class="desc2">2件9.5折</div>
                        </div>
                         
                        <div class="price3">
                            
                            <span class="desc">优惠价</span>
                            <span class="price2">
                                <span class="unit">￥</span>
                                <span class="price">98</span>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <img src="./img/content3.jpg" alt="">
                    </div>
                    <div class="bottom">
                        <div class="logo">
                            <img src="./img/content3-logo.png" alt="">
                            圣罗兰
                        </div>
                        <div class="title">
                            【双旦好礼】【新品粉】YSL 圣罗兰皮革气垫粉底液#B20#B10#B30替换装mini版体验明彩无暇羽毛墨水遮瑕持久服帖控油哑光
                        </div>
                        
                        <div class="promotion">
                            <div class="desc1">下单立减81元</div>
                            <div class="desc2">2件9.5折</div>
                        </div>
                         
                        <div class="price3">
                            
                            <span class="desc">优惠价</span>
                            <span class="price2">
                                <span class="unit">￥</span>
                                <span class="price">98</span>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <img src="./img/content3.jpg" alt="">
                    </div>
                    <div class="bottom">
                        <div class="logo">
                            <img src="./img/content3-logo.png" alt="">
                            圣罗兰
                        </div>
                        <div class="title">
                            【双旦好礼】【新品粉】YSL 圣罗兰皮革气垫粉底液#B20#B10#B30替换装mini版体验明彩无暇羽毛墨水遮瑕持久服帖控油哑光
                        </div>
                        
                        <div class="promotion">
                            <div class="desc1">下单立减81元</div>
                            <div class="desc2">2件9.5折</div>
                        </div>
                         
                        <div class="price3">
                            
                            <span class="desc">优惠价</span>
                            <span class="price2">
                                <span class="unit">￥</span>
                                <span class="price">98</span>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <img src="./img/content3.jpg" alt="">
                    </div>
                    <div class="bottom">
                        <div class="logo">
                            <img src="./img/content3-logo.png" alt="">
                            圣罗兰
                        </div>
                        <div class="title">
                            【双旦好礼】【新品粉】YSL 圣罗兰皮革气垫粉底液#B20#B10#B30替换装mini版体验明彩无暇羽毛墨水遮瑕持久服帖控油哑光
                        </div>
                        
                        <div class="promotion">
                            <div class="desc1">下单立减81元</div>
                            <div class="desc2">2件9.5折</div>
                        </div>
                         
                        <div class="price3">
                            
                            <span class="desc">优惠价</span>
                            <span class="price2">
                                <span class="unit">￥</span>
                                <span class="price">98</span>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <img src="./img/content3.jpg" alt="">
                    </div>
                    <div class="bottom">
                        <div class="logo">
                            <img src="./img/content3-logo.png" alt="">
                            圣罗兰
                        </div>
                        <div class="title">
                            【双旦好礼】【新品粉】YSL 圣罗兰皮革气垫粉底液#B20#B10#B30替换装mini版体验明彩无暇羽毛墨水遮瑕持久服帖控油哑光
                        </div>
                        
                        <div class="promotion">
                            <div class="desc1">下单立减81元</div>
                            <div class="desc2">2件9.5折</div>
                        </div>
                         
                        <div class="price3">
                            
                            <span class="desc">优惠价</span>
                            <span class="price2">
                                <span class="unit">￥</span>
                                <span class="price">98</span>
                            </span>
                        </div>
                    </div>
                </div>
             </div>
        </div>
    </div>

</body>

</html>